<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <meta content="telephone=no" name="format-detection"/>
    <script>
        var isJsBridgeReady = false;
        var isZHKIOS= false;
        function readyFunc(device){
            isJsBridgeReady = true;
            if(device == 'true'){
              isZHKIOS = true;
            }
        }
    </script>
    <title>创建活动-消费送券</title>
    <link rel="stylesheet" href="../css/pro_app.min.css"/>
    <link rel="stylesheet" href="../lib/yz-sm.min.css">
    <link rel="stylesheet" href="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.css">
</head>

<body>
<div class="page-group">
    <div class="page create-activity" id="smCreateConsumePage">
        <script type="text/template" id="firstStepCreateTPL">
            <div class="step first">
                    <div class="process-wrap">
                        <div class="process-bar">
                            <div class="inner" style="width:0%;"></div>
                        </div>
                        <div class="circles">
                            <span class="zhk-navi_circle active"></span>
                            <span class="zhk-navi_circle"></span>
                        </div>
                        <div class="text">
                            <span class="active">优惠券信息</span>
                            <span>活动信息</span>
                        </div>
                    </div>
                    <div class="xfsq-wrap">
                        {{if !crowdShow}}
                        {{if addFlag}}
                            <div class="btn-add-quan">
                                <i class="zhk-nav_add"></i>添加优惠券
                            </div>
                        {{else}}
                            <div class="btn-add-quan disabled">
                                <i class="zhk-nav_add"></i>添加优惠券
                            </div>
                        {{/if}}
                        {{/if}}

                        {{if nextFlag}}
                        <ul class="quan-list">
                            {{ each voucherList as item i }}
                                <li>
                                    <div class="quan" id="{{i}}">
                                        <div class="price"><span><i>¥</i>{{item.voucherWorthValue.split(".")[0]}}<b>
                                        {{if item.voucherWorthValue.split(".")[1]>0}}
                                        .{{item.voucherWorthValue.split(".")[1]}}
                                        {{/if}}
                                        </b></span></div>
                                        <div class="type">全场代金券</div>
                                        <div class="info-list">
                                            <div>
                                              <ul>
                                                {{if crowdShow}}
                                                <li>{{item.crowdDesc}}</li>
                                                {{/if}}
                                                <li>订单满{{item.promoSendRuleMincost}}元领取</li>
                                                <li>消费满{{item.voucherMinConsume}}元可用</li>
                                             </ul>
                                            </div>
                                        </div>
                                        <i class="zhk-list_gb remove" voucherIndex="{{i}}"></i>
                                    </div>
                                </li>
                            {{ /each }}

                        </ul>
                    </div>
                    <div class="activity-setting dpyx">
                        <div>
                         <ul class="item-list">
                          <li>
                            <span>券有效期</span>
                            <div>

                               {{if isRelativeTime == true}}
                                <p>
                               {{else}}
                                <p style="display:none;">
                               {{/if}}
                                    领取后<input type="number" maxlength="" placeholder="30" class="input-day-amount" value="{{voucherRelativeTime}}" id="voucherRelativeTime"
                                    onkeyup="this.value=this.value.replace(/[^\d]/ig,'');
                                    if(value>365)value=365"/>天内有效
                                </p>
                               {{if isRelativeTime == true}}
                                <p style="display:none;">
                               {{else}}
                                <p>
                               {{/if}}
                                    <input type="text" maxlength="" class="input-datetime" id="voucher-date-start"
                                           placeholder="开始日期" readonly id="date-start" value="{{voucherStartTime}}"/>
                                      至
                                    <input type="text" maxlength="" class="input-datetime" id="voucher-date-end"
                                           placeholder="结束日期"   readonly id="date-end" value="{{voucherEndTime}}"/>
                                </p>
                            </div>
                          </li>
                        </ul>
                       </div>
                    </div>
                    {{/if}}
                    {{if !nextFlag}}
                    <div class="no-data-wrap">
                        <div class="no-data"></div>
                        <p>没有优惠券</p>
                    </div>
                    {{/if}}
                    <div class="btn-wrap">
                        {{if nextFlag}}
                            <div class="btn nextStep">下一步</div>
                        {{else}}

                            <div class="btn nextStep disabled">下一步</div>
                        {{/if}}
                    </div>
            </div>

        </script>
        <script type="text/template" id="secondStepCreateTPL">
            <div class="step second">
                <div class="process-wrap">
                    <div class="process-bar">
                        <div class="inner" style="width:100%;"></div>
                    </div>
                    <div class="circles">
                        <span class="zhk-navi_circle active"></span>
                        <span class="zhk-navi_circle active"></span>
                    </div>
                    <div class="text">
                        <span class="active">优惠券信息</span>
                        <span class="active">活动信息</span>
                    </div>
                </div>
                <div style="margin:auto;" class="activity-setting">
                    <div>
                        <ul class="item-list">
                            <li class="ac-date">
                                <div>
                                    <p>活动开始</p>
                                    <input type="text" class="activityStartTime" id="activityStartTime" placeholder="请选择开始日期" value="{{activityStartTime}}"
                                           readonly>
                                </div>
                                <div class="date-icon">
                                    <i class="zhk-activity_rl"></i>
                                </div>
                                <div>
                                    <p>活动结束</p>
                                    <input type="text" class="activityEndTime" id="activityEndTime" placeholder="请选择结束日期" value="{{activityEndTime}}"
                                           readonly>
                                </div>
                            </li>
                            <li>
                                <span>自动续期</span>
                                <div>
                                    <label class="label-switch">
                                        <input type="checkbox" checked class="autoDelayFlag">
                                        <div class="checkbox"></div>
                                    </label>
                                </div>
                            </li>
                        </ul>
                        <a class="link-to-otherSetting" href="">其它设置</a>
                    </div>
                </div>
                <div class="activity-expect-effect">
                     <div class="expect-effect">
                        <div class="expect-data-wrap">
                            <div class="expect-data">
                                <div class="expect-data-title">
                                    <i class="zhk-activity_yq"></i>
                                    预期效果
                                </div>
                                <ul>
                                    <li>
                                        <span>新增会员(人)</span>
                                        <div>{{verifyCountRangeMin}} ~ {{verifyCountRangeMax}}</div>
                                    </li>
                                    <li>
                                        <span>增加营业收入(元)</span>
                                        <div>{{tradeAmtRangeMin}} ~ {{tradeAmtRangeMax}}</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="btn-wrap">
                    <div class="btn submit">提交</div>
                    </div>
                </div>
                </div>
            </div>
        </script>

        <script type="text/template" id="expectEffectTPL">
            {{if isBetter || isBetter ==null}}
            <div class="expect-effect">
                <div class="expect-data-wrap">
                    <div class="expect-data">
                        <div class="expect-data-title">
                            <i class="zhk-activity_yq"></i>
                            预期效果
                        </div>
                        <ul>
                            <li>
                                <span>新增会员(人)</span>
                                <div>{{verifyCountRangeMin}} ~ {{verifyCountRangeMax}}</div>
                            </li>
                            <li>
                                <span>增加营业收入(元)</span>
                                <div>{{tradeAmtRangeMin}} ~ {{tradeAmtRangeMax}}</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            {{/if}}


           {{if isBetter == "undefined"||isBetter==null}}
                <div class="btn-wrap">
                    <div class="btn submit">提交</div>
                </div>
            {{else}}
                <div class="expect-effect">
                    <div class="expect-result">
                        {{if !isBetter }}
                        <i class="zhk-activity_down"></i>预期效果降低啦
                        {{ else }}
                            <i class="zhk-activity_up"></i>预期效果升高啦
                         {{/if}}
                    </div>
                </div>
                <div class="btn-wrap">
                    <div class="form-btn">
                        <div class="cancel default">恢复默认</div>
                        <div class="sure submit">提交</div>
                    </div>
                </div>
            {{/if}}
        </script>
        <div class="scroll-view">
            <ul class="header">
                <li class="left"><a class="back external" ><i class="zhk-nav_back"></i>返回</a></li>
                <li class="middle">消费送券</li>
                <li class="right"></li>
            </ul>
            <div class="page-body">
            </div>
            <div class="dailog-form">
                <div class="layer-overlay"></div>
                <div class="form-wrapper">
                    <ul>
                        <li>
                            <div class="form-title">
                                添加优惠券
                            </div>
                        </li>
                        <li>
                            <span>领取条件</span>
                            <div>
                                订单满<input type="number" class="input-money-order promoSendRuleMincost" id="promoSendRuleMincost"  placeholder="请填写"
oninput="this.value=this.value.replace(/[^\d]/ig,'');if(parseFloat(value)/50000>=1){value=50000};"
                                onfocus="this.select()"
                        />元
                            </div>
                        </li>
                        <li>
                            <span>券面额</span>
                            <div>
                                <input type="number" placeholder="请填写" maxlength=""
                                class="input-money voucherWorthValue" id="voucherWorthValue"
                                onfocus="this.select()"
                                oninput="if(parseFloat(value)/999.99>=1){value=999.99}"/>元
                            </div>
                        </li>
                        <li>
                            <span>券消费门槛</span>
                            <div>
                                订单满<input type="number" class="input-money-order voucherMinConsume" placeholder="请填写" onfocus="this.select()"
                                oninput="if(parseFloat(value)/9999.99>=1){value=9999.99}"
                                id="voucherMinConsume"/>元
                            </div>
                        </li>
                        <li>
                            <div class="form-btn">
                                <div class="cancel">取消</div>
                                <div class="sure disabled">确定</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../lib/zepto.min.js"></script>
<script src="../lib/yz-sm.min.js"></script>
<script src="../lib/template.js"></script>
<script src="../lib/swiper.min.js"></script>

<script src="../base/recalc.js" compress="../base/base.js"></script>
<script src="../base/dialog.js" compress="../base/base.js"></script>
<script src="../base/common.js" compress="../base/base.js"></script>
<script src="../base/appservice.js" compress="../base/base.js"></script>
<script src="../base/h5service.js" compress="../base/base.js"></script>
<script src="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>
<script src="../js/activityCreateConsumeSmA.js" compress="../js/main.js"></script>
<script src="../js/activityCreateConsumeSmC.js" compress="../js/main.js"></script>
<script src="../js/activityCreateUtil.js" compress="../js/main.js"></script>

</body>
</html>
